// 封装banner轮播图相关的逻辑代码
import {ref,onMounted} from 'vue'
// 引入轮播图接口
import { getBannerAPI } from '@/apis/home';

// 写在一个函数里
export function useBanner() {
  // 先声明一个变量数组接收 接口里的数据 
  const bannerList = ref([])
  // 然后发送请求接口数据
  const getBanner = async () => {
    // 要求distributionSite传过来的是2
    const res = await getBannerAPI({
      distributionSite:2
    })
    console.log(res);
    bannerList.value = res.result
  }
  onMounted(() => {
    getBanner()
  })

  // 要把用到的数据和方法 return出去 
  return {
    bannerList
  }
}
